<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" xmlns:composite="http://java.sun.com/jsf/composite"
	xmlns:common="http://java.sun.com/jsf/composite/common">

<composite:interface>
	<composite:attribute name="item"></composite:attribute>
	<composite:attribute name="tipoMaterial"></composite:attribute>
</composite:interface>

<composite:implementation>
	<!-- ITEM -->
	<div id="#{cc.id}">
		<p:panelGrid style="margin-bottom:10px;">
			<p:row>
				<!-- ARTICULO -->
				<p:column>
					<h:outputLabel for="articulo" value="Articulo" />
				</p:column>
				<p:column>
					<p:inputText id="articulo" maxlength="10" value="#{cc.attrs.item.codigo}" readonly="true"
						label="Articulo" required="true" />
				</p:column>

				<!-- TIPO DE PRODUCTO -->
				<p:column>
					<h:outputLabel for="tipo" value="Tipo de producto" />
				</p:column>
				<p:column>
					<p:inputText id="tipo" maxlength="10" value="#{cc.attrs.item.itemTipo.descripcion}" readonly="true" />
				</p:column>
			</p:row>
			<p:row>
				<!-- ANCHO -->
				<p:column>
					<h:outputLabel for="ancho" value="Ancho" />
				</p:column>
				<p:column>
					<p:inputText id="ancho" maxlength="10" value="#{cc.attrs.item.ancho}" readonly="true">
					</p:inputText>
				</p:column>

				<!-- LARGO  -->
				<p:column>
					<h:outputLabel for="largo" value="Largo" />
				</p:column>
				<p:column>
					<p:inputText id="largo" maxlength="10" value="#{cc.attrs.item.largo}" readonly="true">
					</p:inputText>
				</p:column>
			</p:row>
			<p:row>
				<!-- ESPESOR  -->
				<p:column>
					<h:outputLabel for="espesor" value="Espesor" />
				</p:column>
				<p:column>
					<p:inputText id="espesor" maxlength="10" value="#{cc.attrs.item.espesor}" readonly="true">
					</p:inputText>
				</p:column>
				<!-- TIPO DE MATERIAL -->
				<p:column>
					<h:outputLabel for="materialTipo" value="Tipo Material" />
				</p:column>
				<p:column>
					<p:inputText readonly="true" id="materialTipo" value="#{cc.attrs.tipoMaterial}"></p:inputText>
				</p:column>
			</p:row>

			<p:row>
				<!-- MUESTRA -->
				<p:column>
					<h:outputLabel for="archivo" value="Muestra" />
				</p:column>
				<p:column id="muestraPanel">
					<p:inputText id="archivo" value="#{cc.attrs.item.muestraBean}" readonly="true" />
				</p:column>

				<!-- COLOR -->
				<p:column>
					<h:outputLabel for="color" value="Color" />
				</p:column>
				<p:column id="colorInput">
					<p:inputText id="color" value="#{cc.attrs.item.colorBean.nombre}" readonly="true" />
				</p:column>
			</p:row>
		</p:panelGrid>
		<p:panelGrid>
			<p:row>
				<!-- DESCRIPCION -->
				<p:column colspan="3">
					<h:outputLabel for="itemDescription" value="Descripcion"
						style="margin-bottom:5px;" />
					<p:inputTextarea id="itemDescription" value="#{cc.attrs.item.descripcion}" rows="2"
						maxlength="100" style="width: 100%;" readonly="true" />
				</p:column>
			</p:row>
		</p:panelGrid>
	</div>
</composite:implementation>

</html>